<template>
    <div>
        <div class="content">
            <p>402</p>
            <p>403</p>
            <p>404</p>
            <p>405</p>
            <p>406</p>
        </div>
        <h2 class="tishi1">你访问的页面有误</h2>
        <h3 class="tishi2">nifangwendeyemianyouwu</h3>
    </div>
</template>
<script setup lang="ts">
</script>
<style scoped>
.content {

    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-self: center;
    align-items: center;
}

.content p:nth-child(1) {
    color: rgba(30, 30, 30, 0.5);
    font-size: 60px;
    padding: 50px;

}

.content p:nth-child(2) {
    color: rgba(30, 30, 30, 0.8);
    font-size: 80px;
    padding: 50px;
}

.content p:nth-child(3) {
    color: rgba(30, 30, 30, 1);
    font-size: 100px;
    padding: 50px;
}

.content p:nth-child(4) {
    color: rgba(30, 30, 30, 0.8);
    font-size: 80px;
    padding: 50px;
}

.content p:nth-child(5) {
    color: rgba(30, 30, 30, 0.5);
    font-size: 60px;
    padding: 50px;
}
.tishi1{
    text-align: center;
    color: rgba(30, 30, 30, 0.9);
}
.tishi2{
    text-align: center;
    color: rgba(30, 30, 30, 0.7);
}
</style>